﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MapHotel.aspx.cs" Inherits="HAINGUYEN_HOTEL.MapHotel" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
<script type="text/javascript">
    function initialize() {
        var mapProp = {
            center: new google.maps.LatLng(10.7500, 106.6667),
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
        var myLatlng = new google.maps.LatLng(10.7500, 106.6767);
        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: "Comfotable Hotel"
        });


        var contentString = '<div id="content">' +
        '<div id="siteNotice">' +
        '</div>' +
        '<div id="bodyContent">' +
        '<img alt="" class="extra-img png" src="Images/Room/Hotel.jpg" />' +
        '</div>' +
        '</div>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        google.maps.event.addListener(marker, 'click', function () {
            map.setZoom(15);
            map.setCenter(marker.getPosition());
            infowindow.open(map, marker);
        });

    }
    $(this).ready(function () {
        initialize();
    });
</script>
</head>
<body>
   <div id="googleMap" class="map"></div>
</body>
</html>
